<%@ page contentType="text/html; charset=UTF-8" language="java"
	import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%
	String root = request.getContextPath();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>有钱赚-后台管理系统</title>
<link rel="stylesheet" type="text/css" href="/admin/css/head.css"/>
<link rel="stylesheet" type="text/css" href="/admin/css/left.css"/>
<script type="text/javascript" src="/script/common/jquery.min.js"></script>
<script type="text/javascript" src="/script/admin/ddaccordion.js"></script>
<link href="/site/css/buttons.css" rel="stylesheet">
<style type="text/css">
*{ margin:0; padding:0; border:none; margin:0 auto; font-size:12px;}
a:hover{ text-decoration:underline; cursor:pointer;
}
a:link {color: white; text-decoration:none;}
<!-- right样式 -->
.right{ width:835px; height:auto;}
.right p{ line-height:37px; height:37px; width:835px; color:#FFFFFF; overflow:hidden;}
.right p span{ width:auto; height:37px;}
.gundong{ padding-right:20px; float:right;}
.right_neirong{ width:813px; margin-top:10px;}
.tab_1{ height:25px;}
.tab_1 li{ width:68px; height:25px; background:url(/admin/images/img_tab1.png) no-repeat; list-style:none; float:left; text-align:center; line-height:25px; color:#FFFFFF;}
.neirong_1{ width:812px; background:#f1faff; border:#3a8dec solid 1px; height:30px; padding-top:10px;}
.neirong_xiala{ height:18px;}
.neirong_1 li{ color:#000000; font-weight:bold; float:right; list-style:none; margin-right:8px;}
.neirong_2{ width:812px; height:23px; border:#3a8dec solid 1px; border-top:none; background:#f1faff; padding-top:7px; text-align:center;}
.btn1{ width:31px; height:15px; background:url(/admin/images/btn_go.png);}
.test1{ width:29px; height:13px; border:#126bad solid 1px;}

.neirong_3{ width:812px; height:255px; border:#126bad solid 1px; border-bottom:none; border-top:none; background:#f0f9fe; text-align:center; }
.neirong_3 ul{ list-style:none; width:132px; height:auto; padding-top:13px; float:left; margin-left:20px;}
.neirong_3 ul li span{ font-size:14px; font-weight:bold;}
.neirong_4{ width:812px; height:23px;padding-top:7px; text-align:center;}
</style>
<script type="text/javascript">
ddaccordion.init({
	headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	contentclass: "categoryitems", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]te
	togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
});

$(function(){
	
	$("#apptable").click(function(){
		
		
		$.post("/admin/apptable.jsp",{random:Math.random()},function(result){
			
			$("#rightcontent").html(result);
		});
		
		
	});
	
});

</script>
</head>

<body>
<div class="body">
   <!-- head -->
   <div class="head">
      <div class="denglu">
	     <span>${user.username }</span>，您好！
		 <div>
		    <a href="/loginout.action" style="color: white;">重新登录</a>  |  <a href="/loginout.action" style="color: white;">退出系统</a>
		 </div>
	  </div>
   </div>
   <!-- left -->
   <div class="left" style="float:left; width:183px; background:url(/admin/images/img_leftback.png) repeat-y; border-right:#152bca solid 1px; overflow:hidden;">
      <p>瓦力网络科技</p>
	  <!-- 个人平台 -->
	  <h3 class="menuheader expandable">app管理</h3>
      <ul class="categoryitems">
        <li><a href="javascript:void(0);" id="apptable"><img src="/admin/images/icon_1.png" />App</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	      <img src="/admin/images//img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">编审平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	       <img src="/admin/images//img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">个人平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	    <img src="/admin/images//img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">个人平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	    <img src="/admin/images/img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">个人平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	    <img src="/admin/images/img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">个人平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	    <img src="/admin/images/img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">个人平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	    <img src="/admin/images/img_1.png" />
		</div>
      </ul>
	  <!-- 编审平台 -->
	  <h3 class="menuheader expandable" style="margin-top:2px;">个人平台</h3>
      <ul class="categoryitems">
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
        <li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<li><a href="#"><img src="/admin/images/icon_1.png" /> 待遍稿库</a></li>
		<div style=" margin:0 auto; width:152px; height:7px;">
	    <img src="/admin/images/img_1.png" />
		</div>
      </ul>
   </div>

   <!-- right -->
   <div class="right" style="float:right; overflow:hidden;  background:url(/admin/images/img_leftback.png) repeat; border-left:#152bca solid 1px; border-right:#152bca solid 1px;">
      <p style="background:url(/admin/images/img_dangqianweizhi.png) no-repeat;">
	      <span>&nbsp;  &nbsp;您的位置：有钱赚-后台管理系统</span>
		  <a class="gundong">
		    
		  </a>
	  </p>
	  <div class="right_neirong" id="rightcontent">
	     <div>
	     <ul class="tab_1">
		    <li><a>大样跟踪</a></li>
			<li><a>大样跟踪</a></li>
			<li><a>大样跟踪</a></li>
			<li><a>大样跟踪</a></li>
			<li><a>大样跟踪</a></li>
		 </ul>
		 </div>
		 <div class="neirong_1">
		   <ul>
		     <li>配色:<select class="neirong_xiala"><option>****</option></select></li>
			 <li>排序:<select class="neirong_xiala"><option>按版面顺序</option></select></li>
			 <li style="margin-top:2px;">期号:98</li>
			 <li>大样日期:<select class="neirong_xiala"><option>2013-03-04</option></select></li>
		     <li>大样列表:<select class="neirong_xiala"><option>版面简图</option></select></li>
		   </ul>
		 </div>
		 <div class="neirong_2">
		   <span>共4篇稿件!  第1/1页  </span>
		   <input style="background:url(/admin/images/btn_left.png); width:19px; height:14px;" type="button" />
		   <input style="background:url(/admin/images/btn_right.png); width:19px; height:14px;" type="button" />
		   <span>跳转到第 <input type="text" class="test1" /> 页</span> 
		   <input type="button"  class="btn1" value=""/>
		 </div>
		 <div class="neirong_3">
		   <table>
		    <td>
		    <ul>
			   <li>
			      <span>第8版</span>
				  <img src="/admin/images/img_3.png" />
				  <div style="text-align:left; line-height:18px;"><img  style="float:left;"src="/admin/images/img_4.png" /><a style="float:right;">（李华）（恒继胜）</a></div><br />
				  <input style="float:left; margin-top:2px;" type="checkbox" /><a style="float:right;">2013-03-01 15:28</a><br />
			   </li>
			</ul>
			</td>
			<td>
		    <ul>
			   <li>
			      <span>第8版</span>
				  <img src="/admin/images//img_3.png" />
				  <div style="text-align:left; line-height:18px;"><img  style="float:left;"src="/admin/images/img_4.png" /><a style="float:right;">（李华）（恒继胜）</a></div><br />
				  <input style="float:left; margin-top:2px;" type="checkbox" /><a style="float:right;">2013-03-01 15:28</a><br />
			   </li>
			</ul>
			</td>
			<td>
		    <ul>
			   <li>
			      <span>第8版</span>
				  <img src="/admin/images/img_3.png" />
				  <div style="text-align:left; line-height:18px;"><img  style="float:left;"src="/admin/images/img_4.png" /><a style="float:right;">（李华）（恒继胜）</a></div><br />
				  <input style="float:left; margin-top:2px;" type="checkbox" /><a style="float:right;">2013-03-01 15:28</a><br />
			   </li>
			</ul>
			</td>
			<td>
		    <ul>
			   <li>
			      <span>第8版</span>
				  <img src="/admin/images/img_3.png" />
				  <div style="text-align:left; line-height:18px;"><img  style="float:left;"src="/admin/images/img_4.png" /><a style="float:right;">（李华）（恒继胜）</a></div><br />
				  <input style="float:left; margin-top:2px;" type="checkbox" /><a style="float:right;">2013-03-01 15:28</a><br />
			   </li>
			</ul>
			</td>
			<td>
		    <ul>
			   <li>
			      <span>第8版</span>
				  <img src="/admin/images/img_3.png" />
				  <div style="text-align:left; line-height:18px;"><img  style="float:left;"src="/admin/images/img_4.png" /><a style="float:right;">（李华）（恒继胜）</a></div><br />
				  <input style="float:left; margin-top:2px;" type="checkbox" /><a style="float:right;">2013-03-01 15:28</a><br />
			   </li>
			</ul>
			</td>
		   </table>
		 </div>
		 <div style=" margin:0 auto; width:814px; height:9px;">
	      <img src="/admin/images/img_5.png" />
		</div>
		 
		 <div class="neirong_4">
		   <span>共4篇稿件!  第1/1页  </span>
		   <input style="background:url(/admin/images/btn_left.png); width:19px; height:14px;" type="button" />
		   <input style="background:url(/admin/images/btn_right.png); width:19px; height:14px;" type="button" />
		   <span>跳转到第 <input type="text" class="test1" /> 页</span> 
		   <input type="button"  class="btn1" value=""/>
		 </div>
		 
	  </div>
   </div>
   
</div>
</body>
</html>
